const routes = [
  {
    path: "/",
    redirect: "/home",
    meta: { transition: "Skright", index: 5 },
  },
  {
    path: "/home",
    name: "Home",
    meta: { transition: "Skright", index: 5 },
    component: () =>
      import(/* webpackChunkName: "home" */ "../views/home/Home.vue"),
  },
  {
    path: "/my",
    name: "My",
    meta: { transition: "Skright", index: 4 },
    component: () => import(/* webpackChunkName: "my" */ "../views/my/My.vue"),
  },
  {
    path: "/face",
    name: "Face",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(/* webpackChunkName: "my" */ "../views/my/Face.vue"),
  },
  {
    path: "/agreement",
    name: "Agreement",
    meta: { transition: "Skright", index: 2 },
    component: () =>
      import(/* webpackChunkName: "my" */ "../views/my/Agreement.vue"),
  },
  {
    path: "/updatepassword",
    name: "UpdatePassword",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(/* webpackChunkName: "my" */ "../views/my/UpdatePassword.vue"),
  },
  {
    path: "/editinfo",
    name: "EditInfo",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(/* webpackChunkName: "my" */ "../views/my/EditInfo.vue"),
  },
  {
    path: "/meeting",
    name: "Meeting",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(/* webpackChunkName: "meeting" */ "../views/meeting/Meeting.vue"),
  },
  // {
  //   path: "/applyholiday",
  //   name: "ApplyHoliday",
  //   meta: { transition: "Skright", index: 2 },
  //   component: () =>
  //     import(
  //       /* webpackChunkName: "meeting" */ "../views/meeting/ApplyHoliday.vue"
  //     ),
  // },
  // {
  //   path: "/holidayapproval",
  //   name: "HolidayApproval",
  //   meta: { transition: "Skright", index: 2 },
  //   component: () =>
  //     import(
  //       /* webpackChunkName: "meeting" */ "../views/meeting/HolidayApproval.vue"
  //     ),
  // },
  {
    path: "/applymeeting",
    name: "ApplyMeeting",
    meta: { transition: "Skright", index: 4 },
    component: () =>
      import(/* webpackChunkName: "home" */ "../views/home/ApplyMeeting.vue"),
  },
  {
    path: "/meetingrecord",
    name: "MeetingRecord",
    meta: { transition: "Skright", index: 4 },
    component: () =>
      import(/* webpackChunkName: "home" */ "../views/home/MeetingRecord.vue"),
  },
  {
    path: "/meetingdetail",
    name: "MeetingDetail",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(/* webpackChunkName: "home" */ "../views/home/MeetingDetail.vue"),
  },
  {
    path: "/meetingrecorddetail",
    name: "MeetingRecordDetail",
    meta: { transition: "Skright", index: 3 },
    component: () =>
      import(
        /* webpackChunkName: "home" */ "../views/home/MeetingRecordDetail.vue"
      ),
  },
  {
    path: "/meetingapproval",
    name: "MeetingApproval",
    meta: { transition: "Skright", index: 4 },
    component: () =>
      import(
        /* webpackChunkName: "home" */ "../views/home/MeetingApproval.vue"
      ),
  },
  {
    path: "/message",
    name: "Message",
    meta: { transition: "Skright", index: 4 },
    component: () =>
      import(/* webpackChunkName: "message" */ "../views/message/Message.vue"),
  },
  {
    path: "/login",
    name: "Login",
    meta: {
      isAuth: true,
      transition: "Skright",
      index: 5,
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "login" */ "../views/login/Login.vue"),
  },
];

export default routes;
